<template>
	<mg-popup v-model="show" position="bottom" z-index="999">
		<view class="f30 bf5 t-c">
			<view v-if="!v.hide" @click="$emit('con',v)" hover-class="be" class="p3 bf hlb" v-for="(v,i) in list"
				:key='i' :style="{color:v.c}">{{v.n}}</view>
			<view @click="show=false" hover-class="be" class="p3 bf mt15">取消</view>
		</view>
	</mg-popup>
</template>

<script>
	import {
		mapState,
		mapActions
	} from 'vuex'
	import mgPopup from '@/components/common/popup.vue'
	export default {
		name: 'mg-as',
		components: {
			mgPopup,
		},
		props: {
			value: {
				type: Boolean,
				default: false
			},
			list: {
				type: Array,
				default: []
			},
			color: {
				type: String,
				default: ''
			},
		},
		data() {
			return {}
		},
		computed: {
			show: {
				get() {
					return this.value;
				},
				set(newVal) {
					this.$emit("input", newVal)
				}
			},
		},
		watch: {},
		methods: {},
	}
</script>

<style scoped lang="scss">
</style>
